Laura Martín's profile

Olá - Interfaz lúdica interactiva

 
Olá 
-
Interfaz lúdica interactiva
Diseño Gráfico III - Cátedra Rico - FADU - UBA
2014
 
Proyecto realizado por Laura Martín y Alina Najlis
 
-------------------------------------------------------------------------------
El proyecto de aplicación lúdica interactiva, el cual llamamos Olá, fue desarrollado tomando como punto de partida la experiencia con líquidos realizada en clase, en la cual se observaron sus diferentes propiedades y maneras de manipularse. 

La aplicación está pensada para plataforma iPad y tabletas, por lo cual todas las funciones se realizan de manera táctil.

Como primer paso, fue desarrollado un logotipo de presentación y su versión reducida a ícono (con sus diferentes versiones de color), para ser aplicada en las pantallas iniciales de los dispositivos (iPad, tablets). Cada usuario que descargue la aplicación se encontrará con una versión diferente de color del ícono.

Se eligió una determinada paleta de colores para todo el desarrollo de la aplicación y su imagen de marca basada en la imagen brasilera, alegre y colorida que representa la canción de Tim Maia Que Legal.
Objetivo
Mantener al usuario entretenido creando composiciones morfológicas manipulando de manera lúdica la aplicación con la canción del artista brasilero Tim Maia, Que Legal. 

Reglas y acciones
1. La aplicación Olá cuenta con un menú principal, el cual contiene la opción de Tour, donde el usuario será trasladado a experimentar un recorrido por toda la aplicación, entendiendo su funcionamiento, reglas y acciones que puede realizar. En el caso de no desear el tour, cuenta con la opción de saltearlo e ingresar al juego directamente.

2. Una vez adentrado en la aplicación, el usuario escuchará la canción antes mencionada constantemente por default y podrá crear formas que la vayan modificando por encima de la pista de audio.

3. En una pantalla inicial vacía, el usuario podrá comenzar a experimentar presionando sobre la pantalla generando así, círculos de diferentes colores aleatorios (con relleno o en outline) según el momento de la canción en el cual se presione. El círculo es la figura base.
Según el tiempo que el usuario mantenga presionada la pantalla (2, 4 o 6 segundos por ejemplo), el diámetro del círculo irá en aumento.

4. A su vez, el usuario puede generar presión sobre los círculos y así deformarlos. En este caso pueden experimentarse dos cosas con respecto al audio: con poca presión sobre el círculo, la música se vuelve más lenta. Con mayor presión sobre el círculo, se genera sobre el un degradé de colory la música comieza a reproducirse a la inversa, siempre teniendo en cuenta que al soltar el dedo de la pantalla, la canción regresa a su estado original. Las modificaciones del audio se realizan solamente mientras se genere presión sobre la pantalla.

5. El rombo color blanco que se encuentra al costado derecho/izquierdo de la pantalla modifica la frecuencia y el volumen de la canción. Modificando los laterales de rombo, se modifica la frecuencia, mientras que modificando la altura, lo que cambia es el volumen de la canción. A su vez, estas modificaciones de frecuencia y volumen modifican también el color de fondo de las composiciones.

6. Se pueden además, generar líneas por medio de trazos generados sobre la pantalla.

7. Siempre se tuvo en cuenta para todas estas acciones, que la aplicación se utilice con el dispositivo en forma horizontal. Hay ciertas acciones que pueden realizarse y ciertos efectos que se generan al girar el dispositivo/pantalla, como ser:
- Todas las formas generadas se “derriten” hacia el lado que se gire el dispositivo. En este caso, el audio se vuelve más lento. 
- Las formas lineales caen también hacia el lado girado, “estirandose” a partir del nodo que se encuentre más abajo.
- El color de fondo también sufre modificaciones al rotarse la pantalla: se genera un degradé de color, a uno o dos colores diferentes. 

8. Para comenzar una composición nueva, el usuario debe deslizar toda la mano sobre la pantalla y se borrará la composición que haya hecho.

9. El ícono de flecha que se encuentra en la parte superior de la pantalla, indica que el usuario puede desplegar un menú donde podrá compartir en las redes sociales la composición creada.

10. El usuario podrá exportar la composición generada para compartir o imprimir.
 
 
 
Menú TOUR - Cómo funciona la aplicación?
Pantallas - Modo juego
Con las modificaciones morfológicas que va generando el usuario en la pantalla táctil, puede suceder en el audio modificaciones como estas:
Fanpage - Facebook
Podés exportar tu composición y crear tus propios posters
Presentación
Olá - Interfaz lúdica interactiva
Published:

Olá - Interfaz lúdica interactiva

Interfaz lúdica interactiva para iPad y tablets

Published: